<html>

<head>
    <title>Gantt Chart Servlet</title>
    <script src="../js/jquery-min.js"></script>
    <script src="../js/util.js"></script>
    
    <style>
        div.taskline {white-space:nowrap;height:24px; margin-top:2px; margin-bottom:2px; }
        span.taskName {vertical-align:top; display: inline-block; width:150px; height:100%}
        span.empty {display:inline-block; background-color:#F0F0F0; height: 100%}
        span.filled {position:relative; vertical-align:top; display:inline-block; height: 100%}
        img.backfill {display: inline-block; width:100%;height:100%;z-index:-10;}
    </style>

</head>

<body>

<div id="chart" style="border:1px solid #CCC;width:100%;overflow:scroll">
No chart was loaded...
</div>

<hr>

<input type="submit" value="Submit new XML" onclick="sendChart();"/>
<textarea id="newxml" style="width:100%" rows="10"></textarea>

</body>

</html>

